<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){}%>
    <link rel="stylesheet" href="/module/gantt/dhtmlxgantt.css" type="text/css">
    <style type="text/css">
        .table > tbody > tr > td {
            vertical-align: middle;
        }
    </style>
</head>
<body style="overflow-y: auto;height: 100%;">
<div class="page-body" style="padding: 0px;height: 100%;">
    <div class="page-container" style="height: 100%">
        <div class="col-md-12 col-sm-12 col-xs-12" style="height: 100%">
            <div class="col-md-offset-2 col-md-8 col-sm-12 col-xs-12" style="padding: 0px;height: 100%;">
                <div class="widget-header bordered-bottom bordered-blue">
                    <span class="widget-caption">项目详情</span>
                </div>
                <form class="form-horizontal" style="height: 100%">
                    <div class="tabbable tabs-left" style="height: 100%">
                        <ul class="nav nav-tabs" id="myTab3" style="height: 100%">
                            <li class="tab-sky active">
                                <a data-toggle="tab" href="#home3" aria-expanded="true">
                                    基本信息
                                </a>
                            </li>

                            <li class="tab-red">
                                <a data-toggle="tab" href="#profile3" aria-expanded="false">
                                    项目任务
                                </a>
                            </li>

                            <li class="tab-orange">
                                <a data-toggle="tab" href="#dropdown13" aria-expanded="false" id="funds">
                                    项目预算
                                </a>
                            </li>
                        </ul>
                        <div class="tab-content" style="height: 100%;padding: 0px;">
                            <div id="home3" class="tab-pane active" style="height: 100%">
                                <table class="table table-hover table-striped table-bordered">
                                    <tr>
                                        <td width="20%">${i18n('system.sortNo')}：</td>
                                        <td width="30" id="sortNo"></td>
                                        <td width="20%">项目编号：</td>
                                        <td width="30" id="proCode"></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">项目名称：</td>
                                        <td width="30" id="title"></td>
                                        <td width="20%">项目类型：</td>
                                        <td width="30" id="proSort"></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">项目审批人：</td>
                                        <td width="30" id="approvalUser"></td>
                                        <td width="20%">项目级别：</td>
                                        <td width="30" id="proLevel"></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">${i18n('system.beginTime')}：</td>
                                        <td width="30" id="beginTime"></td>
                                        <td width="20%">${i18n('system.endTime')}：</td>
                                        <td width="30" id="endTime"></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">项目经理：</td>
                                        <td width="30" id="manager"></td>
                                        <td width="20%">项目预算：</td>
                                        <td width="30" id="budget"></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">任务负责人：</td>
                                        <td width="30" colspan="3" id="taskUsers"></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">参与部门：</td>
                                        <td width="30" colspan="3" id="joinDept"></td>
                                    </tr>
                                    <tr>
                                        <td width="20%">项目内容：</td>
                                        <td width="30" colspan="3">
                                            <div id="remark" name="remark"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%">项目附件：</td>
                                        <td width="30" colspan="3" id="attach">
                                            <div id="show_attach"></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%">项目文档：</td>
                                        <td width="30" colspan="3" id="isCreateFile"></td>
                                    </tr>
                                </table>
                            </div>

                            <div id="profile3" class="tab-pane" style="height: 100%">
                                <div class="widget-body" style="height: 100%;padding:0px;">
                                    <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;margin-bottom: 10px">
                                        <div class="col-md-4 col-sm-4 col-xs-12">
                                            <div style="font-size: 24px" id="manager1"></div>
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-12">
                                            <div style="font-size: 24px;text-align: center;" id="title1"></div>
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-12" align="right">
                                            <div style="margin-right: 20px;display:inline-block;" id="prodate"></div>
                                            <a href="#" onclick="window.location.reload();" class="btn btn-blue">刷新</a>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-sm-12 col-xs-12" style="height: 100%;padding:0px;">
                                        <div id="gantt_here" style="height:100%;width:100%"></div>
                                    </div>
                                </div>
                            </div>

                            <div id="dropdown13" class="tab-pane">

                                <div class="col-md-6 col-sm-6 col-xs-12" style="padding-right: 5px;padding-left: 5px;">
                                    <div class="widget" style="height: 450px;" class="col-sm-12">
                                        <div class="widget-header">
                                            <span class="widget-caption">预算经费类型</span>
                                            <div class="widget-buttons">
                                                <a href="#" data-toggle="collapse"> <i class="fa fa-minus"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="widget-body" style="height: 450px;">
                                            <div id="main1" style="height: 400px;" class="col-sm-12"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12" style="padding-right:5px;padding-left: 5px;">
                                    <div class="widget" style="height: 450px;" class="col-sm-12">
                                        <div class="widget-header">
                                            <span class="widget-caption">项目预算费用类型明细</span>
                                            <div class="widget-buttons">
                                                <a href="#" data-toggle="collapse"> <i class="fa fa-minus"></i>
                                                </a>
                                            </div>
                                            <!--Widget Buttons-->
                                        </div>
                                        <!--Widget Header-->
                                        <div class="widget-body" style="height: 450px;">
                                            <div id="main2" style="height: 400px;" class="col-sm-12"></div>
                                        </div>
                                        <!--Widget Body-->
                                    </div>
                                    <!--Widget-->
                                </div>


                            </div>
                        </div>
                    </div>
                    <table class="table table-hover table-striped table-bordered">
                        <tr>
                            <td colspan="4" align="center"><a href="#" onclick="window.close();" class="btn btn-primary">关&nbsp;&nbsp;闭</a></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
<%include("/app/resapi/sysjs.html"){}%>
<script type="text/javascript">
    var proId = "${parameter.proId}";
</script>
<script type="text/javascript" src="/module/fileupload/pageoffice.js" id="po_js_main"></script>
<script type="text/javascript" src="/module/fileupload/ajaxfileupload.js"></script>
<script type="text/javascript" src="/module/fileupload/fileupload.js"></script>
<script type="text/javascript" src="/module/gantt/dhtmlxgantt.min.js"></script>
<script type="text/javascript" src="/module/gantt/dhtmlxgantt_tooltip.js"></script>
<script type="text/javascript" src="/module/gantt/dhtmlxgantt_marker.min.js"></script>
<script type="text/javascript" src="/module/gantt/locale_cn.js" charset="utf-8"></script>
<script type="text/javascript" src="/module/echart/echarts.min.js"></script>
<script type="text/javascript" src="/gobal/js/page/project/approval/details.js"></script>
</html>
